<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <title>redis-web-manager</title>
    <style>
        html, body{
            height: 100%;
            overflow: hidden;
        }
        .layout{
            border: 1px solid #d7dde4;
            background: #f5f7f9;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }
        .layout-header{
            background: #464c5b;
            padding: 10px 0;
            position: absolute;
            height: 50px;
            width: 100%;
        }
        .layout-center{
            overflow: hidden;
            position: absolute;
            top: 50px;
            bottom: 50px;
            width: 100%;
        }
        .layout-content{
            height: 100%;
            background: #fff;
            border-radius: 4px;
            width: 100%;
        }
        .layout-copy{
            text-align: center;
            padding: 10px 0 20px;
            color: #9ea7b4;
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 50px;
        }
        @keyframes ani-demo-spin {
            from { transform: rotate(0deg);}
            50%  { transform: rotate(180deg);}
            to   { transform: rotate(360deg);}
        }
    </style>
    <!-- vue -->
    <script type="text/javascript" src="./bundle/plugins/vue.min.js"></script>
    <!-- iview -->
    <link type="text/css" rel="stylesheet" href="./bundle/plugins/iview/iview.min.css">
    <script type="text/javascript" src="./bundle/plugins/iview/iview.min.js"></script>
    <!-- clipboard -->
    <script type="text/javascript" src="./bundle/plugins/clipboard/clipboard.min.js"></script>
    <!-- axios -->
    <script type="text/javascript" src="./bundle/plugins/axios.min.js"></script>

    <script type="text/javascript" src="./bundle/index/index.js"></script>
    <!-- components -->
    <script type="text/javascript" src="./bundle/layout/layout.js"></script>
    <script type="text/javascript" src="./bundle/layout/layoutHead.js"></script>
    <script type="text/javascript" src="./bundle/layout/layoutValue.js"></script>
    <script type="text/javascript" src="./bundle/layout/layoutKey.js"></script>
    <script type="text/javascript" src="./bundle/layout/layoutNew.js"></script>
    <script type="text/javascript" src="./bundle/head/linkList.js"></script>
    <script type="text/javascript" src="./bundle/head/linkAdd.js"></script>
    <script type="text/javascript" src="./bundle/head/linkTable.js"></script>
    <script type="text/javascript" src="./bundle/key/keySearch.js"></script>
    <script type="text/javascript" src="./bundle/key/keyList.js"></script>
    <script type="text/javascript" src="./bundle/value/dataKey.js"></script>
    <script type="text/javascript" src="./bundle/value/dataValue.js"></script>
    <script type="text/javascript" src="./bundle/value/string.js"></script>
    <script type="text/javascript" src="./bundle/value/list.js"></script>
    <script type="text/javascript" src="./bundle/value/hash.js"></script>
    <script type="text/javascript" src="./bundle/value/set.js"></script>
    <script type="text/javascript" src="./bundle/new/newString.js"></script>
    <script type="text/javascript" src="./bundle/new/newList.js"></script>
    <script type="text/javascript" src="./bundle/new/newHash.js"></script>
    <script type="text/javascript" src="./bundle/new/newSet.js"></script>
</head>
<body>
    <layout id="redis-web-manager"></layout>
</body>
</html>